<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="~{commons/public::common-public}">
<header th:replace="~{commons/header::common-header(activeUrl='main')}"></header>
<meta charset="UTF-8">
<title></title>
</head>
<style>
body{
	font-size:16px;
}
table{
		width: 65%;
		border:2px solid #01518e;
		border-collapse:collapse;
	}
td{
		border:1px solid #6fa6f9;
	}
h1{
	color:#f3efef;
	}
h4{
	font-size:15px;
	font-weight:bold;
	}
.div-t{ 
	border-radius:15px;
	background:rgba(180,180,180, .4);
	width:1100px;
	height:550px;
	padding:5px; 
	position:absolute;
	top:18%;
	left:16%;
	margin:auto;
	} 
table{
	position:absolute;
	top:8%;
	left:10%;
	width:80%;
	height:50%;
	color:#000;
}
a{
	font-size:23px;
	color:#f1ecea;
	text-decoration: none;
}
table td{
	width:20px;
}
table td a{
 	color:#6fa6f9;
	font-size:15px;
}
.botton{
	border-radius:8px;
	width:45px;
	height:25px;
	
}
</style>
<body background="/fonts/背景.png" alt="背景" style="background-repeat: no-repeat;background-size: 100%;background-attachment: fixed;">
</br>
 <h1 align="center">用户列表</h1>
 <div class="div-t">
 <table border="1">
 	<tr>
		<td align="center">序号</td>
		<td align="center">用户名</td>
		<td align="center">密码</td>
		<td align="center">性别</td>
		<td align="center">年龄</td>
		<td align="center">类别</td>
		<td align="center">操作</td>
	</tr>
 	<tr th:each="u:${userList}">
 		<td th:text="${u.id}" align="center"></td>
 		<td th:text="${u.userName}"></td>
 		<td th:text="${u.password}"></td>
 		<td th:text="${u.gender}" align="center"></td>
 		<td th:text="${u.age}" align="center"></td>
 		<td th:text="${u.type}" align="center"></td>
 		<td align="center">
 			<a th:href="@{/user/update(id=${u.id})}" ><input type="submit"  value="修改" class="botton"></a>
 			<a th:href="@{/user/delete(id=${u.id})}"><input type="submit"  value="删除" class="botton"></a>
 		</td>
 	</tr>
 	</c:forEach>
 </table>
	&nbsp<h4>&nbsp&nbsp共 : <td th:text="${size} "></td> 条数据 </h4> 
</div>
</body>
</html>